<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>超市订单管理系统</title>
    <link type="text/css" rel="stylesheet" href="/src/css/style.css" />
    <link type="text/css" rel="stylesheet" href="/src/css/public.css" />
</head>
<body>
<!--头部-->
    <header class="publicHeader">
        <h1>超市订单管理系统</h1>
        <div class="publicHeaderR">
            <p><span>下午好！</span><span style="color: #fff21b"> {{ username }}</span> , 欢迎你！</p>
            <a href="/out">退出</a>
        </div>
    </header>
<!--时间-->
    <section class="publicTime">
        <span id="time">2015年1月1日 11:11  星期一</span>
        <a href="#">温馨提示：为了能正常浏览，请使用高版本浏览器！（IE10+）</a>
    </section>
 <!--主体内容-->
 <section class="publicMian ">
     <div class="left">
         <h2 class="leftH2"><span class="span1"></span>功能列表 <span></span></h2>
         <nav>
            <ul class="list">
                <li ><a href="/order">订单管理</a></li>
                <li><a href="/supply">供应商管理</a></li>
                <li><a href="/people">用户管理</a></li>
                <li><a href="/updataPwd">密码修改</a></li>
                <li><a href="/out">退出系统</a></li>
               </ul>
         </nav>
     </div>
     <input type="hidden" id="path" name="path" value="../"/>
     <input type="hidden" id="referer" name="referer" value="../"/>
        <div class="right">
            <div class="location">
                <strong>你现在所在的位置是:</strong>
                <span>用户管理页面</span>
            </div>
            <div class="search">
           		<form method="get" action="/selUser">
					<input name="method" value="query" class="input-text" type="hidden">
					 <span>用户名：</span>
					 <input name="queryname" class="input-text"	type="text" value="">
					 
					 <span>用户角色：</span>
					 <select name="queryUserRole" id="roleList">
						   <option value="0">--请选择--</option>
	        		</select>
					 
					 <input type="hidden" name="pageIndex" value="1"/>
					 <input	value="查 询" type="submit" id="searchbutton">
					 <a href="/src/jsp/useradd.html" >添加用户</a>
				</form>
            </div>
            <!--用户-->
            <table class="providerTable" cellpadding="0" cellspacing="0">
                <tr class="firstTr">
                    <th width="10%">用户编码</th>
                    <th width="20%">用户名称</th>
                    <th width="10%">性别</th>
                    <th width="10%">生日</th>
                    <th width="10%">电话</th>
                    <th width="10%">用户角色</th>
                    <th width="30%">操作</th>
                </tr>
                  {{ each userList }}
                    <tr>
                        <td>
                            <span>{{ $value.userCode }}</span>
                        </td>
                        <td>
                            <span>{{ $value.userName }}</span>
                        </td>
                        <td>
                            {{ $value.gender == 1?'男' : '女'}}
                        </td>
                        <td>
                            <span>{{ $value.birthday }}</span>
                        </td>
                        <td>
                            <span>{{ $value.phone }}</span>
                        </td>
                        <td>
                            <span>{{ $value.role }}</span>
                        </td>
                        <td>
                            <span><a class="viewUser" href="javascript:;" userid='{{ $value._id }}' username='{{ $value.userName }}'
                                ><img src="../images/read.png" alt="查看" title="查看" /></a></span>
                            <span><a class="modifyUser" href="javascript:;" userid='{{ $value._id }}' username='{{ $value.userName }}'
                                ><img src="../images/xiugai.png" alt="修改" title="修改" /></a></span>
                            <span><a class="deleteUser" href="javascript:;" userid='{{ $value._id }}' username='{{ $value.userName }}'
                                ><img src="../images/schu.png" alt="删除" title="删除" /></a></span>
                        </td>
                    </tr>
                  {{ /each }}
				</c:forEach>
			</table>
			<input type="hidden" id="totalPageCount" value="{{ pageCount }}"/>
		  	<div class="page-bar">
			<ul class="page-num-ul clearfix">
				<li>共 {{ total }} 条记录&nbsp;&nbsp; {{ pageIndex }} / {{ pageCount }}页</li>
				
					<a href="javascript:page_nav(1);">首页</a>
					<a href="javascript:page_nav({{ pageIndex - 1 < 1 ? 1 : pageIndex - 1 }});">上一页</a>
				
				
					<a href="javascript:page_nav({{  pageIndex + 1 > pageCount ? pageCount : pageIndex + 1  }});">下一页</a>
					<a href="javascript:page_nav({{ pageCount }});">最后一页</a>
				
				&nbsp;&nbsp;
			</ul>
		 <span class="page-go-form"><label>跳转至</label>
	     <input type="text" name="inputPage" id="inputPage" class="page-key" />页
	     <button type="button" class="page-btn" onClick='jump_to(document.getElementById("inputPage").value)'>GO</button>
		</span>
		</div> 
        </div>
    </section>

<!--点击删除按钮后弹出的页面-->
<div class="zhezhao"></div>
<div class="remove" id="removeUse">
    <div class="removerChid">
        <h2>提示</h2>
        <div class="removeMain">
            <p>你确定要删除该用户吗？</p>
            <a href="#" id="yes">确定</a>
            <a href="#" id="no">取消</a>
        </div>
    </div>
</div>


<footer class="footer">
    版权归朝腾教育
</footer>
<script type="text/javascript" src="/src/js/time.js"></script>
<script type="text/javascript" src="/src/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="/src/js/common.js"></script>
<script type="text/javascript" src="/src/calendar/WdatePicker.js"></script>
</body>
</html>
<script type="text/javascript" src="/src/js/userlist.js"></script>
<script type="text/javascript" src="/src/js/rollpage.js"></script>